
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>所有网点销量汇报查询</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
   
    </style>

</head>

<body class="white-bg x_sorll" style="padding: 3px;">
    <div class="page-heade">
       <h2 class="title_color text-center">所有网点销量汇报查询</h2>
    </div>
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei">
               <tr>
                  <td class="text-right">汇报日期：</td>
                 <td><div class="form-group">
                 <input type="text" id="start" class="form-control layer-date " style="min-width:120px;width:120px;display: inline-block;" name="">
              </div>
            <div class="form-group">
             至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="min-width:120px;width:120px;display: inline-block;" id="end" name="">
           </div></td>
                <td class="text-right">姓名：</td>
                <td><input type="text" class="form-control" name=""></td>
                <td class="text-right">分区：</td>
                <td><input type="text" name="" class="form-control"></td>
            </tr>
            <tr>
                <td class="text-right">汇报网点：</td>
                <td><input type="text" name="" class="form-control"></td>
                <td class="text-right">经销商：</td>
                <td><input type="text" name="" class="form-control"></td>
                <td class="text-right">省份：</td>
                <td><input type="text" name="" class="form-control"></td>
            </tr>
              <tr>
                <td class="text-right">汇报产品：</td>
                <td><input type="text" name="" class="form-control"></td>
                <td class="text-right">系统：</td>
                <td><input type="text" name="" class="form-control"></td>
                <td class="text-right">城市：</td>
                <td><input type="text" name="" class="form-control"></td>
            </tr>
            <tr>
                  <td class="text-center" colspan="6">
                       <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button> 
                       <button class="btn btn-sm btn-info" type="button">导出Excel</button> 
                   </td>
            </tr>
        </table>
    </form>
    <table class="table table-striped table-bordered table-hover bud_hei text-center">
        <tr class="info">
          <td rowspan="2">序号</td>
          <td rowspan="2">汇报网点编码</td>
          <td rowspan="2">汇报网点</td>
          <td rowspan="2">已进场条码</td>
          <td colspan="6">汇报人信息</td>
          <td rowspan="2">汇报日期</td>
          <td colspan="5">汇报产品</td>
          <td colspan="2">销量</td>
          <td rowspan="2">产品单价(元)</td>
          <td rowspan="2">销售金额(元)</td>
          <td rowspan="2">备注</td>
          <td colspan="5">汇报网点所属情况</td>
        </tr>
        <tr class="info">
          <td>性质</td>
          <td>所属经销商</td>
          <td>姓名</td>
          <td>部门</td>
          <td>岗位</td>
          <td>手机号</td>
          <td>所属品牌</td>
          <td>所属品类</td>
          <td>所属系列</td>
          <td>所属SKU</td>
          <td>产品名称</td>
          <td>箱</td>
          <td>支</td>
          <td>所属营销分区</td>
          <td>所属营销省份</td>
          <td>所属营销城市</td>
          <td>所属经销商</td>
          <td>所属系统</td>
        </tr>
        <tr>
          <td>1</td>
          <td>DHW0016</td>
          <td>大和味测试第二天网点A</td>
          <td>5</td>
          <td>内部职员</td>
          <td></td>
          <td>梁景滔</td>
          <td>华北大区</td>
          <td>华北大区经理</td>
          <td>12312312311</td>
          <td>2018-01-21</td>
          <td>大和味</td>
          <td>大和味</td>
          <td>大和味</td>
          <td>大和味薯片</td>
          <td>大和味番茄味(25克杯装)</td>
          <td>12</td>
          <td>0</td>
          <td class="text-right">98.00</td>
          <td class="text-right">14112.00</td>
          <td class="text-left"></td>
          <td>华南大区</td>
          <td>广东省</td>
          <td>广州市</td>
          <td>广东天择商贸有限公司</td>
          <td>大和味测试系统</td>
        </tr>
      
    </table>
    <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>
    <!-- <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->

<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
 <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
  <script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
     //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
    $(document).ready(function () {
        var $state = $(".state");
         $state.each(function(){
           if($(this).text()=="正常"){
            $(this).css('color','green')
           }else if($(this).text()=="异常"){
            $(this).css('color','red')
           }
         })

        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   
   
</script>
</body>

</html>